<%--
  Created by IntelliJ IDEA.
  User: sam
  Date: 2018/5/30
  Time: 10:52
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <%@ include file="/resources/public/header.jspf" %>
</head>
<body>

<%--<div class="demoTable layui-inline">--%>
    <%--<div class="layui-inline">--%>
        <%--<input class="layui-input" placeholder="请输入商品名" id="commName" autocomplete="off">--%>
    <%--</div>--%>
    <%--<div class="layui-inline">--%>
        <%--<form class="layui-form">--%>
            <%--<select id="commStatus">--%>
                <%--<option value="">全部</option>--%>
                <%--<option value="1">上架</option>--%>
                <%--<option value="2">下架</option>--%>
                <%--<option value="3">审核中</option>--%>
                <%--<option value="4">删除</option>--%>
            <%--</select>--%>
        <%--</form>--%>
    <%--</div>--%>

    <%--<button class="layui-btn" data-type="reload">搜索</button>--%>
<%--</div>--%>
<table class="layui-table"
       lay-data="{ cellMinWidth: 80, page: true,id:'tableId', limit:10, url:'sysPermission/getAllPer'}" lay-filter="demo">
    <thead>
    <tr>
        <%--<th lay-data="{type:'checkbox', fixed: 'left'}">权限名称</th>--%>
        <th lay-data="{field:'perName' }">权限名称</th>
        <th lay-data="{field:'perKey' }">权限key</th>
        <th lay-data="{field:'perParentId' }">父级权限</th>
        <th lay-data="{field:'perCreationDate'}">创建时间</th>
    </tr>
    </thead>
</table>
<script src="${kaixin}/resources/js/layui/layui.all.js"></script>
<script>

    layui.use(['table', 'jquery', 'form'], function () {
        var table = layui.table;
        var form = layui.form;
        var $ = layui.jquery;

        //监听激活状态
        form.on('switch(commStatus)', function (obj) {
            console.log($(this).data("user-id") + "-----");
            var id = $(this).data("user-id");
            var commStatus = obj.elem.checked;

            $.ajax({
                type: "POST",//请求类型
                url: "openCom",//请求的url
                data: {commId: $(this).data("user-id")},//请求参数
                dataType: "json",//ajax接口（请求url）返回的数据类型
                success: function (data) {//data：返回数据（json对象）
                    if(commStatus){
                        $.ajax({
                            type: "POST",//请求类型
                            url: "modifySta",//请求的url
                            data: {orderCommodityId: id, commStatus: commStatus},//请求参数
                            dataType: "json",//ajax接口（请求url）返回的数据类型
                            success: function (data) {//data：返回数据（json对象）
//                                alert("提交成功，待审核");
                                location.reload();
                            }
                        });
                    }else {
                        if (data.data > 0) {
                            alert("【操作成功，已为您关闭商品，还有" + data.data + "个房间正在夺宝中，将在所有房间夺宝完成之后自动为您下架，在此期间不会在生成新的房间】");
                            $.ajax({
                                type: "POST",//请求类型
                                url: "modifySta",//请求的url
                                data: {orderCommodityId: id, commStatus: commStatus},//请求参数
                                dataType: "json",//ajax接口（请求url）返回的数据类型
                                success: function (data) {//data：返回数据（json对象）
                                    location.reload();
                                }
                            });
                        } else {
                            $.ajax({
                                type: "POST",//请求类型
                                url: "modifySta",//请求的url
                                data: {orderCommodityId: id, commStatus: commStatus},//请求参数
                                dataType: "json",//ajax接口（请求url）返回的数据类型
                                success: function (data) {//data：返回数据（json对象）
                                    location.reload();
                                }
                            });
                        }
                    }
                }
            });

            layer.tips(this.value + ' ' + this.name + '：' + obj.elem.checked, obj.othis);
        });

        table.on('tool(demo)', function (obj) {
            var data = obj.data;
            // var checkStatus = table.checkStatus('tableId')
            //     , data = checkStatus.data;
            if (obj.event === 'commWatch') {
                // layer.msg('ID：' + data.userId + ' 的查看操作');
                parent.layer.open({
                    type: 1
                    , area: ['800px', '500px']
                    , title: '查看商品详细信息'
                    , resize: false
                    , maxmin: true
                    , offset: 'auto' //具体配置参考：http://www.layui.com/doc/modules/layer.html#offset
                    , id: data.commId //防止重复弹出，写主键Id
                    , content: '<iframe frameborder="0" width="100%" height="100%" src=send_commodity_details/>'
                    , end: function () {
                        //窗口关闭，刷新列表
                        table.reload("tableId", {});
                        top.layerFrameConfig.iframeUserModify == null;
                    }
                    , success: function (layero, index) {
                        top.layerFrameConfig.iframeUserModify = {
                            layer_index: index,
                            layer_layero: layero,
                            data: data //将数据保存到配置中，便于子页面获取
                        }
                    }
                });

            }
            else if (obj.event === 'modifyImp') {
                parent.layer.open({
                    type: 1
                    , area: ['900px', '650px']
                    , title: '修改商品图片'
                    , resize: false
                    , offset: 'auto' //具体配置参考：http://www.layui.com/doc/modules/layer.html#offset
                    , id: data.commId //防止重复弹出，写主键Id
                    , content: '<iframe frameborder="0" width="100%" height="100%" src=send_commodity_modifyImg/>'
                    , end: function () {
                        //窗口关闭，刷新列表
                        table.reload("tableId", {});
                        top.layerFrameConfig.iframeUserModify == null;
                    }
                    , success: function (layero, index) {
                        top.layerFrameConfig.iframeUserModify = {
                            layer_index: index,
                            layer_layero: layero,
                            data: data //将数据保存到配置中，便于子页面获取
                        }
                    }
                });
            }
        });


        var active = {
            reload: function () {
                var commStatus = $('#commStatus');
                var commName = $('#commName');
                //执行重载
                table.reload('tableId', {
                    page: {
                        curr: 1 //重新从第 1 页开始
                    }
                    , where: {
                        commStatus: commStatus.val(),
                        commName: commName.val(),
                    }
                });
            }
        };
        $('.demoTable .layui-btn').on('click', function () {
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });
    });
</script>
</body>
</html>
